<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>客流量预测</title>
		<link rel="stylesheet" href="{{url_for('static',filename='css/base.css')}}">
		<link href="{{url_for('static',filename='css/zTreeStyle/zTreeStyle.css')}}" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
		<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
		<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
		<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

	</head>
	<style>

	</style>
	<body>
		<!--顶部-->
		<header class="header left">
			<div class="left nav">
				<ul>
					<li><a href="/index">数据概览</a> </li>
					<li><a href="/FlowContrl">客流量监控</a> </li>
					<!-- <li><i class="nav_3"></i><a href="map.html">地图界面</a> </li> -->

				</ul>
			</div>
			<div class="header_center left">
			<h2><strong>杭州地铁1、2、4号线客流可视化</strong></h2>
			<p class="color_font"><small>HangZhou metro station</small></p>
			</div>
			<div class="right nav text_right">
				<ul>
					<li><a href="/searchCount">查询统计</a> </li>
					<li class="nav_active"><a href="/predict">客流预测</a> </li>
					<!-- <li><i class="nav_4"></i><a href="table1.html">表格界面</a> </li> -->
				</ul>
			</div>
		</header>
		<!--内容部分-->
		<div class="con1 left" id="car_control">
			<div class="left car_left">
				<div class="left_up bow_shadow">
					<p>
						<br/>
						<input id="input_content" type="text" placeholder="输入站点名或线路编号" class="carNo_input" value="">
						<br/>
						<button id="search_button" type="button" class="btn btn-primary" style="width:150px; margin-top:1em; margin-left:4em;">查询</button>
					</p>
					

					<!-- <p class="set_list"><i class="list_i"></i> 输入：</p>
					<p>
						<ul id="treeDemo" class="ztree"></ul>
					</p> -->
				</div>
				<div class="left_down bow_shadow">
					<div class="text_center"><a href="javascript:void (0)" class="tab_a tab_aActive">基本信息</a> </div>
					<div class="car_content">
						<p><span id="linesName">站点名/线路名：</span><span id="linesNameData"></span></p>
						<br><span id="inTotal">进站总客流：</span><span id="inTotalData"></span></br>
							<span id="outTotal">出站总客流：</span><span id="outTotalData"></span></p>
						<p><span id="amTopIn">进站早高峰时间：</span><span id="amTopInData"></span></br>
							<span id="pmTopIn">进站晚高峰时间：</span><span id="pmTopInData"></span></p>
						<p><span id="amTopOut">出站早高峰时间：</span><span id="amTopOutData"></span></br>
							<span id="pmTopOut">出站晚高峰时间：</span><span id="pmTopOutData"></span></p>
						<!-- <p><span>驾驶人姓名：</span><span>K89076</span></p>
						<p><span>车辆品牌：</span><span>K89076</span></p>
						<p><span>车辆型号：</span><span>K89076</span></p>
						<p><span>所属公司：</span><span>K89076xxxxxxxxxxxxxxxxxx</span></p>
						<p><span>行驶里程：</span><span>xxxxx</span></p>
						<p><span>状态：</span><span>xxxxx</span></p>
						<p><span>所在位置：</span><span>xxxxxxxxxxxxx</span></p>
						 -->

					</div>
				</div>
			</div>
			<div  class="left car_center">
				<div style="height:100%; width:100%; ">
					<div class="" style="display:block; margin-left:20px;">
						<ul class="nav nav-pills">
							<li class="nav-item">
								<a class="nav-link active" data-toggle="pill" href="#template">小时</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" data-toggle="pill" href="#head">分钟</a>
							</li>
						</ul>
					</div>
					<div class="" style="display:block;color:white; margin-left:20px;">
						<div class="tab-content" style="height:100%; width:98%;">
							<!--<div class="tab-pane active" id="head">网站首页内容</div>-->
							<!--<div class="tab-pane" id="new">新闻中心内容</div>-->
							<div class="tab-pane div_any_child2 active" style="height:100%; width:100%;" id="template">
								<div class="div_any_title">未来一日进出站时刻客流</div>
								<p id="char7" class="p_chart" style="width:1500px; height:730px;"></p>
							</div>
							<div class="tab-pane div_any_child2 active" style="height:100%; width:100%;" id="head">
								<div class="div_any_title">未来一日进出站时刻客流</div>
								<p id="char9" class="p_chart" style="width:1500px; height:730px;"></p>
							</div>
							<!--<div class="tab-pane" id="template">模板显示内容</div>-->
						</div>	
					</div>
				</div>
			</div>
			<!-- <div class="left car_center">
				<video controls="controls"></video>
				<video controls="controls" class="magin_left"></video>
				<video controls="controls" class="magin_top"></video>
				<video controls="controls" class="magin_top magin_left"></video>
			</div>
			<div class="right car_right" id="map"></div>

 -->

		</div>
		<script src="{{url_for('static',filename='js/predict.js')}}"></script>
		<script src="https://www.jq22.com/jquery/echarts-4.2.1.min.js"></script>
		<script src="{{url_for('static',filename='js/base.js')}}"></script>
		<script src="{{url_for('static',filename='js/car_control.js')}}"></script>
		<script src="{{url_for('static',filename='js/ztree/jquery.ztree.all-3.5.js')}}"></script>
		<script src="{{url_for('static',filename='js/listTree.js')}}"></script>
	</body>
</html>
